<template>
<div class="To" style="background-color:#f7f8f9;height 100%
    overflow:auto;">
  <div class="newindex minw">
      <!-- 顶部菜单和搜索模块 -->
     <header-menu></header-menu>
      <div class="module">
          <div class="module_201" >
              <div class="banner-menu rela">
                  <swiper> </swiper>
                  <menu-list></menu-list>
              </div>              
          </div>       
         <moduleCom></moduleCom>
          <bottom></bottom> 
          <div class="copyright pl20 pr20 pb5 mt20 mb10" >
                <div class="ft14 ftc">
                    <span class="pr10 cf0">触屏版</span>
                    <span class="pr10">
                        <a>手机客户端</a>
                    </span>
                    <span class="pr10">
                        <a>关于我们</a>
                    </span>
                    <span class="pr10">
                        <a>联系我们</a>
                    </span>
                </div>
                <div class="ftc ft12">© wap.epet.com 版权：重庆易宠科技有限公司</div>
            </div>
      </div>
    <!-- <footer-nav></footer-nav> -->
  </div>
 </div>
</template>
<script>

import headermenu from './menu';
import Swiper from './swiper.vue';
import MenuList from './menusList.vue';
import footerNav from '@/components/nav/footer.vue';
import epiCom from './epiCom'
import bottom from './bottom'
import moduleCom from './moduleCom.vue';
export default{
   components:{
       "footer-nav": footerNav,
       "header-menu":headermenu,
       "swiper":Swiper,
       "menu-list":MenuList,
       "epiCom":epiCom,
      //  "newCom":newCom,
      //  "middle":middle,
       "bottom":bottom,
       "moduleCom":moduleCom
      
      
   },
   mounted() {
   },
   data() {
    return {
      imgList: [],
      
    };
  },
   async mounted() {
    let result = await this.$http.get({
      url: "/index/main.html",
      params: {
        do: "getStaticV415",
        cdn_version: "202101181614021",
        pet_type: "dog",
        version: "550",
        is_single: "0",
        isWeb: 1,
        system: "wap",
        distinct_id:
          "1768a295992703-0f83f11c740bf1-230346d-1327104-1768a29599362d",
        debug_param: "",
      },
      

    
    });
    this.imgList = result.datas.list.find((v)=>v.index ==7124 ).data.images;
    //  console.log(result.datas.list);
    // console.log(result.datas.list.find((v)=>v.index==6887));
   
  //  console.log(result.datas.list.find((v)=>v.index==6928).data.column_images);
  },
  
}   
</script>



<style lang="stylus" scoped>
.To
    height 100%
    overflow:auto;
     
.minw
    min-width: 3.2rem;
   
.module {
   background-color #f7f8f9
   max-width 7.5rem
   margin auto
   padding-bottom 0.5rem
}
.db1
  display: block;
  width 100%
.flex
    display flex
.divimg img {
    width: 100%;
    display: block;
}
.pl20 {
    padding-left: 0.2rem;
}
.pb5 {
    padding-bottom: 0.05rem;
}
.pr20 {
    padding-right: 0.2rem;
}
.mb, .mb10 {
    margin-bottom: 0.1rem;
}
.mt20 {
    margin-top: 0.5rem;
}
.pr10 {
    padding-right: 0.1rem;
}
.cf0 {
    color: #ff5757;
}
.ft14
  font-size 0.14rem
.ft12
  font-size 0.12rem
    
    
</style>